<<<<<<< HEAD
<!--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Portfolic a Personal Portfolio Category Flat Bootstarp Responsive Website Template | About :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Portfolic Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><!--//fonts-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
</head>
<body>
<!--header-->
	
	<div class="header">
		<div class="header-top">
			<div class="container">
				<div class="top-nav">
					<span class="menu"> </span>
					<ul>
						<li class="active" ><a href="index.html" >主页  </a> </li>
						<li><a href="about.html" data-hover="关于本站"  >关于本站 </a></li>
						<li><a href="mygrid.html" data-hover="格子管理">格子管理</a></li>
					</ul>
					<!--script-->
					<script>
						$("span.menu").click(function(){
							$(".top-nav ul").slideToggle(500, function(){
							});
						});
					</script>
				</div>

				<div class="col-xs-8 menu" style="">
					<button id="head-user" class="theme-login btn btn-primary" type="button">登录/注册</button>
					<button id="head-zhuxiao" class=" btn btn-primary" style="opacity: 0" type="button">注销</button>
				</div>
			
		

				<div class="clearfix"> </div>
			</div>
		</div>
			<!---->
		<div class="container">
			<div class="header-bottom">
				<div class="logo">
				<a href="index.html"><img src="images/logo.png" alt="" ></a>
			</div>
					<div class="search">
						<form>
							<input type="text" value="Search the site..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
							<input type="submit" value="">
						</form>
					</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!---->
	
	<!--content-->
<div class="content">
	<div class="container">
		<div class="about-us">		
				<h2>About the site</h2>
				<div class="about-top">
					<div class="col-md-4 group">
						<a href="single.html"><img src="images/longmao.gif" class="img-responsive" alt=""></a>
					</div>
					<div class="col-md-8 book">
						<p style="font-size: 24px;color:dodgerblue">本网站以格子为基本单位，一个格子包括简略图，置顶图，昵称，基本描述，还有http链接组成，大家可以自己设定链接，链接到自己的淘宝小店，个人博客，个人直播间等等。目前每个用户只能拥有一个格子</p>
					</div>
					<div class="clearfix"> </div>
				</div>

			
		</div>
			<div class="about">
				<h3>About Me</h3>
				<div class="col-md-8 dem">
				<h4>My name is pi pi xia</h4>
				<p>我是一个拥有大大的梦想的小小的角色，如果大家有什么好的建议或者想法可以加我qq一起交流，本人爱好结交朋友</p>
				<div class="call">
					<ul class=" call-in">
						<li><i> </i></li>
						<li><span>1203508644@qq.com</span></li>

					</ul>
				</div>
				<div class="clearfix"> </div>
				</div>
				<div class="col-md-4 men">
				<img class="img-responsive" src="images/ab.png" alt=""  />
				</div>
				<div class="clearfix"> </div>
			</div>
			</div>
		</div>
		<!---->
		<div class="footer">
			<div class="container">
				<p class="footer-class">Copyright © 2050 Plover by  <a href="http://www.dragonscat.com" target="_blank">dragoncat</a></p>
			</div>
			 <script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>

		</div>

</body>
=======
<!--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Portfolic a Personal Portfolio Category Flat Bootstarp Responsive Website Template | About :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Portfolic Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><!--//fonts-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
</head>
<body>
<!--header-->
	
	<div class="header">
		<div class="header-top">
			<div class="container">
				<div class="top-nav">
					<span class="menu"> </span>
					<ul>
						<li class="active" ><a href="index.html" >主页  </a> </li>
						<li><a href="about.html" data-hover="关于本站"  >关于本站 </a></li>
						<li><a href="mygrid.html" data-hover="格子管理">格子管理</a></li>
					</ul>
					<!--script-->
					<script>
						$("span.menu").click(function(){
							$(".top-nav ul").slideToggle(500, function(){
							});
						});
					</script>
				</div>

				<div class="col-xs-8 menu" style="">
					<button id="head-user" class="theme-login btn btn-primary" type="button">登录/注册</button>
					<button id="head-zhuxiao" class=" btn btn-primary" style="opacity: 0" type="button">注销</button>
				</div>
			
		

				<div class="clearfix"> </div>
			</div>
		</div>
			<!---->
		<div class="container">
			<div class="header-bottom">
				<div class="logo">
				<a href="index.html"><img src="images/logo.png" alt="" ></a>
			</div>
					<div class="search">
						<form>
							<input type="text" value="Search the site..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
							<input type="submit" value="">
						</form>
					</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!---->
	
	<!--content-->
<div class="content">
	<div class="container">
		<div class="about-us">		
				<h2>About the site</h2>
				<div class="about-top">
					<div class="col-md-4 group">
						<a href="single.html"><img src="images/longmao.gif" class="img-responsive" alt=""></a>
					</div>
					<div class="col-md-8 book">
						<p style="font-size: 24px;color:dodgerblue">本网站以格子为基本单位，一个格子包括简略图，置顶图，昵称，基本描述，还有http链接组成，大家可以自己设定链接，链接到自己的淘宝小店，个人博客，个人直播间等等。目前每个用户只能拥有一个格子</p>
					</div>
					<div class="clearfix"> </div>
				</div>

			
		</div>
			<div class="about">
				<h3>About Me</h3>
				<div class="col-md-8 dem">
				<h4>My name is pi pi xia</h4>
				<p>我是一个拥有大大的梦想的小小的角色，如果大家有什么好的建议或者想法可以加我qq一起交流，本人爱好结交朋友</p>
				<div class="call">
					<ul class=" call-in">
						<li><i> </i></li>
						<li><span>1203508644@qq.com</span></li>

					</ul>
				</div>
				<div class="clearfix"> </div>
				</div>
				<div class="col-md-4 men">
				<img class="img-responsive" src="images/ab.png" alt=""  />
				</div>
				<div class="clearfix"> </div>
			</div>
			</div>
		</div>
		<!---->
		<div class="footer">
			<div class="container">
				<p class="footer-class">Copyright © 2050 Plover by  <a href="http://www.dragonscat.com" target="_blank">dragoncat</a></p>
			</div>
			 <script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>

		</div>

</body>
>>>>>>> 87862a9414168c7958e3f27eded4d0e8c1646de5
</html>